<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>调用扫一扫</title>
    <style>

    </style>
</head>
<body>
<div>点我调用扫一扫</div>
</body>
<script src="bootstrap/js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src='https://res.wx.qq.com/open/js/jweixin-1.0.0.js'></script>
<script>
    var div = document.querySelector('div');
    div.onclick = function () {
        getWxConfig();
    }
    function getWxConfig() {

        $.ajax({
            "type": "get",
            "url": "getWxConfig?url=" + encodeURIComponent(location.href.split('#')[0]),
            "dataType": "json",
            "success": function (result) {
                console.log('result', result)
                var timestamp = result.timestamp;
                var noncestr = result.nonceStr;
                var signature = result.signature;
                var appId = result.appId;
                var url = result.url;
                wx.config({
//                    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    //                                debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: appId, // 必填，公众号的唯一标识
                    timestamp: timestamp, // 必填，生成签名的时间戳
                    nonceStr: noncestr, // 必填，生成签名的随机串
                    signature: signature,// 必填，签名，见附录1
                    jsApiList: ['checkJsApi', 'startRecord', 'stopRecord', 'translateVoice', 'scanQRCode', 'openCard'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
                wx.ready(function () {
                    wx.scanQRCode({
                        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                        scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                        success: function (res) {
                            alert(JSON.stringify(res))
                            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                            sessionStorage.setItem('saomiao_result', result);
                            //其它网页调用二维码扫描结果：
                            var result = sessionStorage.getItem('saomiao_result');
                        }
                    });
                });

            }
        });
    }
</script>
</html>